<!-- setup 语法糖用了这个 咱们组件就不需要 export -->
<script setup lang="ts">
// 逻辑
</script>

<template>
  <div class="container">
    <!-- 结构 -->
    中间的内容组件
    <HMButton></HMButton>
  </div>
</template>

<style scoped>
/* scoped 每个组件生成 data-v-哈希 都是不同的 */
/* 样式 */
.container {
  height: 400px;
  background-color: yellowgreen;
}
</style>
